.dis {
    display: block;
}

.inline {
    display: inline;
}

.none {
    display: none;
}

.hide {
    display: none;
}

.show {
    display: block;
}

ul,
li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

body {
    background: #f7f7f7;
    padding: 10px 12px 10px 18px;
}

.header1 {
    height: 48px;
    line-height: 48px;
    margin-left: 18px;
    font-size: 14px;
    color: #4c4c4c;
}

.header1 .adm {
    color: #ae3726;
}

h1 {
    border-bottom: 1px solid #ccc;
    color: #333;
    font-weight: normal;
    padding: 7px 10px 7px 0;
    margin: 0 0 16px 0;
    overflow: hidden;
}

h1 a:visited {
    color: #333;
}

h1 a:link {
    color: #333;
}

h1 a:hover {
    color: #EB8A3D;
}

h1 span {
    zoom: 1;
}

h1 .action-span {
    display: block;
    float: right;
}

h1 .action-span a {
    float: right;
    height: 26px;
    line-height: 26px;
    padding: 0 10px 0 23px;
    background: #c43926/*url(../images/icon_add02.gif) no-repeat 6px center*/
    ;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    margin-left: 15px;
}

h1 .action-span a:hover {
    text-decoration: none;
    background-color: #ca4d3c;
}

h1 .action-span1 {
    color: #4c4c4c;
    font-size: 18px;
    font-weight: normal;
}

#footer {
    background: #f3f3f3;
    border: 1px solid #d7d7d7;
    padding: 15px;
    color: #9CACAF;
    margin: 10px 0;
    text-align: center;
}

.main-div {
    width: 98%;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #d7d7d7;
    margin-bottom: 10px;
    box-sizing: border-box;
    background: #fcfcfc;
}

.main-div table {
    padding: 10px;
    background: #fcfcfc;
    font-size: 12px;
}

.form-div {
    padding: 5px;
    padding-left: 18px;
    color: #808080;
    margin: 0 0 10px 0;
}

.form-div select,
.form-div input,
.form-div img {
    vertical-align: middle;
}

.clearfix:after,
.clearfix:before {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/*
 列表部分的样式
 */

.list-div {
    width: 100%;
    margin: 0px auto;
}

.list-div-ad {
    border: 0px solid #BBDDE5;
}

.list-div table {
    border: 1px #d7d7d7 solid;
    border-left: none;
    border-bottom: none;
    width: 100%;
}

.list-div th {
    border: 1px #d7d7d7 solid;
    border-bottom: none;
    border-right: none;
    border-top: none;
    /*padding-left: 10px;*/
    line-height: 38px;
    height: 38px;
    font-size: 13px;
    color: #484848;
    background: #f2f2f2;
}

.list-div td {
    border: 1px #d7d7d7 solid;
    border-right: none;
    padding-top: 8px;
    height: 30px;
    border-top: none;
    background-color: #fcfcfc;
    padding: none;
    color: #717171;
}

.list-div td.first-cell {
    font-weight: bold;
    padding-left: 10px;
}

.list-div input {
    vertical-align: middle;
}

.list-div a:visited,
.list-div a:link {
    text-decoration: underline;
    color: #717171;
}

.list-div a:hover {
    color: #9D7250;
}

.list-div input,
list-div img {
    vertical-align: middle;
    margin-top: 0;
}

.list-div input[type='text'] {
    min-width: inherit;
    text-align: center;
}

.list-div .footer {
    background: #F4FAFB;
    text-align: right;
}

#page-table {
    border: none;
    width: 100%;
}

#page-table td {
    border: none;
    background: #f7f7f7;
}

#page-link {
    margin-left: 1em;
    padding-left: 1em;
    border-left: 1px solid #999;
}


/*
 标签部分的样式
 */

.tab-div {
    width: 98%;
    margin: 0 0 10px 0;
    margin: auto;
    _margin-left: 18px;
    background: #fcfcfc;
    border: 1px solid #d7d7d7;
}

#tabbar-div {
    margin-top: 0px;
    background: #efefef;
    padding-left: 10px;
    height: 39px;
}

#tabbar-div p {
    margin: 0px;
}

.tab-front {
    background: #fefefe;
    height: 39px;
    line-height: 39px;
    display: block;
    float: left;
    width: 90px;
    text-align: center;
    font-weight: bold;
    cursor: hand;
    cursor: pointer;
}

.tab-back {
    width: 90px;
    text-align: center;
    font-size: 13px;
    float: left;
    display: block;
    float: left;
    color: #787878;
    line-height: 39px;
    cursor: hand;
    cursor: pointer;
}

.tab-hover {
    width: 90px;
    display: block;
    float: left;
    text-align: center;
    font-size: 13px;
    color: #787878;
    line-height: 39px;
    cursor: hand;
    cursor: pointer;
}

#tabbody-div {
    padding: 10px;
    background: #fefefe;
}

#tabbody-div img {
    vertical-align: middle;
}

.tab-body {
    border: 0px solid #BBDDE5;
    padding: 10px;
}


/*
表单部分
*/

.notice-span {
    color: #666;
}

td.label {
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    color: #716f6f;
    padding: 5px 1em;
    width: 30%;
    line-height: 30px;
}

td.label_2 {
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    padding: 5px 1em;
}

td.td_1 {
    text-align: right;
    vertical-align: top;
    padding: 5px 1em;
}

td.label_left {
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    padding: 5px 1em;
}

td.narrow-label {
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    padding: 5px 1em;
    width: 20%;
}

td.micro-label {
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    line-height: 30px;
    padding: 5px 1em;
    width: 127px;
    *width: 150px;
}

.button-div {
    text-align: center;
    padding: 3px 0;
}

input.button {
    padding: 2px 8px 2px;
    margin: 2px 2px;
    color: #fff;
    font-size: 12px;
    border: none;
    background: #c43926;
    -moz-border-radius: 3px;
    /* Gecko browsers */
    -webkit-border-radius: 3px;
    /* Webkit browsers */
    border-radius: 3px;
    position: relative;
    behavior: url(ie-css3.htc);
}

input.capital {
    text-transform: uppercase;
}

span.require-field {
    margin-left: 1em;
    font: 12px verdana;
    color: #FF0000;
}

th.group-title {
    text-align: left;
}

span.link-span {
    color: #999;
    padding-left: 10px;
    margin-left: 15px;
    border-left: 2px solid #999;
    font-weight: normal;
    cursor: pointer;
}

ul.msg-link {
    list-style-type: none;
}

ul.msg-link li {
    background: url(../images/arrow.gif) no-repeat 0px 6px;
    padding-left: 18px;
    margin-left: 0;
}

option.leafCat {
    color: #008000;
}

li.warning {
    border: 1px solid #CC0000;
    background: #FFFFCC;
    padding: 10px;
    margin-bottom: 5px;
}

#Marquee {
    height: 20px;
    overflow: hidden;
    border: 1px solid #CC0000;
    background: #FFFFCC;
    margin-bottom: 5px;
}

#Marquee div {
    background: #FFFFCC;
    padding: 10px;
    margin-bottom: 5px;
}


/*
MSN Messenger
*/

div#popMsg {
    z-index: 99999;
    right: 0px;
    bottom: 0px;
    width: 180px;
    border-right: #455690 1px solid;
    border-top: #a6b4cf 1px solid;
    border-left: #a6b4cf 1px solid;
    border-bottom: #455690 1px solid;
    visibility: hidden;
    display: none;
    position: fixed;
    background-color: #c9d3f3;
    filter: progid: DXImageTransform.Microsoft.BasicImage(opacity=.65);
    opacity: 0.65;
}

* html div#popMsg {
    position: absolute;
}

#popMsgContent {
    border-top: #728eb8 1px solid;
    border-right: #b9c9ef 1px solid;
    border-bottom: #b9c9ef 1px solid;
    border-left: #728eb8 1px solid;
    padding: 5px 10px;
    color: #1f336b;
}

#topbar {
    position: absolute;
    border-right: #455690 1px solid;
    border-top: #a6b4cf 1px solid;
    border-left: #a6b4cf 1px solid;
    border-bottom: #455690 1px solid;
    background-color: #c9d3f3;
    width: 300px;
    visibility: hidden;
    z-index: 99999;
    filter: progid: DXImageTransform.Microsoft.BasicImage(opacity=.95);
    opacity: 0.95;
}

.no-records {
    color: #666;
    text-align: center;
    padding: 10px;
}

#loader {
    background-color: #FFFFCC;
    border: 1px solid #CC0000;
    position: fixed;
    color: #CC0000;
    z-index: 1000;
    left: 0px;
    bottom: 0px;
    padding: 5px 15px;
    text-align: center;
    /*display: none;*/
    filter: progid: DXImageTransform.Microsoft.BasicImage(opacity=.65);
    opacity: 0.65;
}

* html #loader {
    position: absolute;
}

.todolist-box {
    position: absolute;
    z-index: 99999;
    width: 300px;
    top: 0px;
    left: 0px;
    border: 1px solid #C9C9D7;
    padding: 1px;
    background: #FFFFFF;
}

.todolist-box .container {
    border: 1px solid #E4E5ED;
    border-bottom-color: #EAEDF5;
    position: relative;
}

.todolist-box .head {
    line-height: 23px;
    color: #fff;
    font-size: 12px;
    background: #D8D9DF url(../images/icon_title.gif) no-repeat 10px center;
    height: 23px;
    padding-left: 28px;
    margin: 0;
    border-top: 3px solid #E4E5ED;
    border-bottom: 1px solid #EAEDF5;
}

.todolist-box .middle {}

.todolist-box .buttons {
    float: right;
    margin-top: -21px;
}

.todolist-box .buttons img {
    margin-right: 2px;
    cursor: auto;
}

.todolist-box .bottomLeft {
    text-align: right;
    font-size: 12px;
    border: 1px solid #CCCBD9;
    border-top: 0;
    background: #DCDDE3;
    height: 22px;
    vertical-align: middle;
    padding-top: 3px;
    padding-right: 20px;
}

.todolist-box label {
    margin-bottom: 2px;
}

.todolist-box .bottomLeft input {
    vertical-align: middle;
    margin-bottom: 2px;
}

.todolist-box .bottomRight {
    margin: 0;
    margin-right: -2px;
    margin-bottom: -2px;
    position: absolute;
    right: 3px;
    bottom: 3px;
    width: 14px;
    height: 14px;
    background: url(../images/btn_drop.gif) no-repeat center;
}

.todolist-box .button {
    border: #fff 1px solid;
    border-bottom: #94949C 1px solid;
    border-right: #94949C 1px solid;
    background: #B8B7C8;
    color: #fff;
    width: 40px;
}

.virtualBox {
    position: absolute;
    overflow: hidden;
    z-index: 999999;
    width: 300px;
    top: 0px;
    left: 0px;
    border: #a6b4cf 3px solid;
}

#ColorSelectertBox {
    border-top: #EAF0FF 1px solid;
    border-left: #EAF0FF 1px solid;
    border-right: #9DADCE 1px solid;
    border-bottom: #9DADCE 1px solid;
    position: absolute;
    z-index: 1;
    top: 1px;
    left: 1px;
    background-color: #FFFFFF;
}


/* setting */

.step1,
.step2,
.step3 {
    padding: 20px 20px 20px 80px;
    color: #6CA1B4;
    font-size: 28px;
    font-weight: 700;
}

.step1 {
    background: #FFF url(../images/stepnum.gif) no-repeat 20px 20px;
    *background: #FFF url(../images/stepnum.gif) no-repeat 20px 17px;
}

.step2 {
    background: #FFF url(../images/stepnum.gif) no-repeat 20px -80px;
    *background: #FFF url(../images/stepnum.gif) no-repeat 20px -83px;
}

.step3 {
    background: #FFF url(../images/stepnum.gif) no-repeat 20px -180px;
    *background: #FFF url(../images/stepnum.gif) no-repeat 20px -183px;
}

.step1 em,
.step2 em,
.step3 em {
    display: block;
    padding-left: 3px;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: #999;
}

.shortcut {
    background: #FFF;
}

.shortcut ul {
    list-style: none;
    margin: 0 0 0 85px;
    padding: 0;
    width: 370px;
    overflow: hidden;
}

.shortcut li {
    float: left;
    margin: 0 20px 15px 0;
    width: 100px;
    font-size: 14px;
    text-align: center;
}

.shortcut li a {
    display: block;
    padding: 2px 5px;
    *padding: 3px 5px 1px;
    border: 1px solid #278296;
    background: #F2F9FA;
}

.shortcut li a:hover {
    border: 1px solid #5FA6B6;
    background: #FFF;
    color: #666;
    text-decoration: none;
}

a.special:link,
a.special:visited {
    margin: 0 5px;
    padding: 1px 9px;
    *padding: 2px 9px;
    border-radius: 3px;
    color: #FFF;
    background: #c43926;
    text-decoration: none;
    font-weight: 400;
}

a.special:hover {
    border-radius: 3px;
    color: #fcfcfcf;
}

a.special:active {
    background: #c43926;
    color: #fff;
    outline: none;
}

.order-goods {
    position: absolute;
    width: 80%;
    background: #EEF8F9;
    border: 1px solid #BBDDE5;
    /*
  filter:alpha(opacity=90);
  opacity:0.9;
  */
}

.order-goods td {
    background: #FFF;
    line-height: 22px;
}


/* 文件校验 */

.infobox {
    background: #fcfcfc none repeat scroll 0 0;
    border: 4px solid #eaeaea;
    clear: both;
    margin: 60px 30px;
    padding: 20px;
    text-align: center;
}

.normal {
    font-weight: 400;
    font-size: 12px;
}

.marginbot {
    margin-bottom: 10px;
}

.nobdb {
    border-bottom: medium none;
}

.btn {
    background: #DDDDDD none repeat scroll 0 0;
    border-color: #DDDDDD #666666 #666666 #DDDDDD;
    color: #000000;
    cursor: pointer;
    margin: 3px 0;
    padding: 2px 5px;
    vertical-align: middle;
}

.infotitle1 {
    margin-bottom: 10px;
    color: #09C;
    font-size: 14px;
    font-weight: 700;
}

em,
cite,
th {
    font-style: normal;
    font-weight: normal;
}

.left {
    float: left;
}

.lightfont {
    color: #CCCCCC;
}

.left .cfolder,
.left .ofolder {
    display: block;
    padding-left: 50px;
    line-height: 30px;
    background: url(../images/filecheck.gif) no-repeat -260px -50px;
    font-weight: 700;
    font-size: 14px;
    color: #2366A8;
}

.left .ofolder {
    background: url(../images/filecheck.gif) no-repeat -260px -100px;
    color: #2366A8;
    font-size: 14px;
}

.filenum {
    margin: 8px 0 0 20px;
}

.files {
    padding: 1px 0 1px 50px;
    background: url(../images/filecheck.gif) no-repeat -260px -150px;
}

.del {
    padding-left: 18px;
    background: url(../images/filecheck.gif) no-repeat 0 -285px;
    *background: url(../images/filecheck.gif) no-repeat 0 -286px;
    color: #E8594D;
}

.edited {
    padding-left: 18px;
    background: url(../images/filecheck.gif) no-repeat -100px -385px;
    *background: url(../images/filecheck.gif) no-repeat -100px -386px;
    color: #E8594D;
}

.unknown {
    padding-left: 18px;
    background: url(../images/filecheck.gif) no-repeat -50px -435px;
    *background: url(../images/filecheck.gif) no-repeat -50px -436px;
    color: #6189B8;
}

.correct {
    padding-left: 18px;
    background: url(../images/filecheck.gif) no-repeat 0 -485px;
    *background: url(../images/filecheck.gif) no-repeat 0 -486px;
    color: #70B759;
}

.tb2 th,
.tb2 td {
    background: transparent url(../images/bg_repx.gif) repeat-x scroll 0 bottom;
    padding: 5px 5px 5px 0;
    text-align: left;
}

.tb2 th {
    line-height: 21px;
    font-weight: bold;
}

.bold {
    font-weight: 700;
}


/* 模板管理 */

#messageATX {
    position: absolute;
    z-index: 100;
    display: none;
}

#messageATX .bgtable {
    width: 40px;
    height: 120px;
    border: solid 1px #000000;
    background: #FFFFE1;
}

#messageATX .colortable {
    height: 20px;
    border: solid 1px #FFFFFF;
    cursor: pointer;
}

#CurrTplStyleList {
    margin-top: 8px;
}


/*
 标签部分的样式
 */

.custab-div {
    background: #EEF8F9;
    border: 1px solid #BBDDE5;
    margin: 0 0 10px 0;
    padding: 1px;
}

#custabbar-div {
    background: #EFEFEF;
    height: 39px;
    line-height: 39px;
    overflow: hidden;
}

#custabbar-div p {
    padding-left: 10px;
    margin: 0;
}

.custab-front {
    background: #fcfcfc;
    line-height: 39px;
    font-weight: bold;
    display: block;
    width: 90px;
    text-align: center;
    float: left;
    cursor: hand;
    cursor: pointer;
}

.custab-back {
    display: block;
    float: left;
    text-align: center;
    width: 90px;
    font-weight: bold;
    line-height: 39px;
    height: 39px;
    cursor: hand;
    cursor: pointer;
}

.custab-hover {
    cursor: pointer;
    display: block;
    float: left;
    font-weight: bold;
    height: 39px;
    line-height: 39px;
    text-align: center;
    width: 90px;
}

#custabbody-div {
    border: 2px solid #BBDDE5;
    padding: 10px;
    background: #FFF;
}

#custabbody-div img {
    vertical-align: middle;
}

.custab-body {
    border: 0px solid #BBDDE5;
    padding: 10px;
}

.cloud_close {
    position: relative;
    border-bottom: 1px solid #302828;
    background: #ffffff;
    padding: 10px;
    padding-left: 18px;
    position: relative;
    margin-bottom: 18px;
    font-size: 14px;
    font-family: "微软雅黑"
}

.cloud_close a {}

.cloud_close img {
    position: absolute;
    right: 10px;
    top: 8px;
    border: none
}

.Start315 {
    border: 1px solid #CC0000;
    background: #ffffcc;
    padding: 10px;
    padding-left: 18px;
    margin-bottom: 5px;
}

.alipay_get_pidkey_box {
    background-color: #FFFFFF;
    border: 3px solid #CCCCCC;
    display: none;
    left: 132px;
    padding: 1px;
    position: absolute;
    top: 22px;
    min-width: 180px;
}

.alipay_get_pidkey_box .close_acp_info {
    position: absolute;
    right: 5px;
    top: 5px;
}

.alipay_get_pidkey_box h2 {
    background-color: #FFFCF7;
    border: 1px solid #FFF1D9;
    color: #000000;
    font-size: 12px;
    line-height: 28px;
    margin: 0;
    padding: 0 0 0 10px;
    text-align: left;
}

.alipay_get_pidkey_box table td {
    padding: 2px;
}

.alipay_get_pidkey_box table td a {
    background: none repeat scroll 0 0 #0187D0;
    color: #FFFFFF;
    padding: 2px 5px;
}

.cWhite {
    color: #FFFFFF;
}


/****/

.fl {
    width: 100%;
    float: left;
}

.info_top {
    height: auto !important;
    min-height: 200px;
    height: 200px;
}

.goods_info input[type='text'],
.goods_info select {
    margin: 5px 0;
}


/*云服务中心*/


/*.yun_content{ width:100%; height:auto; position:relative;font-family:"微软雅黑","Microsoft Yahei";overflow:hidden;}
.yun_tabs{ height:43px; border:1px solid #dcdcdc; background:#fff; margin-bottom:16px;}
.yun_tabs li{ float:left; font-size:14px; color:#000; padding:0 20px; height:43px; line-height:43px; border-right:1px dashed #dcdcdc; cursor:pointer;}
.yun_tabs li.current{ background:#1b9ad5; color:#fff; border-right-color:#1b9ad5; margin-left:-1px;}
.yun_tabs .apply{ width:119px; height:43px; border-left:1px dashed #dcdcdc; float:right;}
.yun_tabs .apply a{ display:block; float:left;height:30px; line-height:30px; color:#fff; font-size:14px; padding:0 8px 0 30px; background:url(../images/apply_icon.png) 8px 8px #fa8131 no-repeat; margin:6px 0 0 15px;}
.yun_tabs .apply a:hover{ text-decoration:none; background-color:#F4731E;}*/

.yun_list {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.yun_list .item {
    width: 24.25%;
    min-width: 280px;
    height: auto;
    background: #fff;
    float: left;
    margin: 0 1% 16px 0;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    -webkit-transition: ease-in-out .5s;
    -moz-transition: ease-in-out .5s;
    -o-transition: ease-in-out .5s;
    transition: ease-in-out .5s;
}

.yun_list .item-wrap {
    border: 1px solid #dcdcdc;
}

.yun_list .item4,
.yun_list .item8,
.yun_list .item12,
.yun_list .item16,
.yun_list .item20 {
    margin-right: 0;
}

.yun_list .item_top {
    padding: 30px 7% 25px 6%;
    overflow: hidden;
    height: 110px;
}

.yun_list .yun_img {
    width: 80px;
    height: 90px;
    float: left;
}

.yun_list .yun_desc {
    width: auto;
    margin: -4px 0 0 110px;
}

.yun_list .yun_desc .tit {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
    height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.yun_list .yun_desc p {
    line-height: 18px;
    color: #666;
}

.yun_list .item_bottom {
    width: 100%;
    height: 35px;
    line-height: 35px;
    border-top: 1px solid #dcdcdc;
}

.yun_list .yun_item_left {
    float: left;
    line-height: 35px;
}

.yun_list .yun_item_left span {
    margin-left: 27px;
    color: #666;
}

.yun_list .yun_item_left .span2 {
    margin-left: 46px;
}

.yun_list .yun_item_right {
    float: right;
    width: 18.5%;
    text-align: center;
    border-left: 1px solid #dcdcdc;
    line-height: 35px;
}

.yun_list .yun_item_right a {
    color: #1b9ad5;
}

.yun_list .yun_item_right a:hover {
    color: #EB8A3D;
}

.yun_list .yun_item_right a.disable,
.yun_list .yun_item_right a.disable:hover {
    color: #b8b8b8;
    text-decoration: none;
    cursor: default;
}

.cloud_wrapper {
    width: auto;
    height: auto;
    background: #fff;
    border: 1px solid #dcdcdc;
    margin: 0px 0 16px;
    padding-bottom: 40px;
}

.cloud_wrapper .temp_top {
    padding: 30px 30px 20px 25px;
    overflow: hidden;
}

.cloud_wrapper .temp_top .img {
    width: 200px;
    height: 212px;
    float: left;
}

.cloud_wrapper .temp_top .desc {
    margin-left: 244px;
}

.cloud_wrapper .title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.cloud_wrapper .price {
    font-size: 18px;
    font-weight: bold;
    color: #ff3f3f;
    margin-top: 8px;
}

.cloud_wrapper .lie {
    line-height: 20px;
    color: #666;
    margin-top: 5px;
}

.cloud_wrapper .lie span {
    margin-right: 45px;
}

.cloud_wrapper .lie1 {
    margin-top: 15px;
}

.cloud_wrapper .btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border: 0;
    margin: 20px 0 0 0;
    color: #fff;
    background: #ff3f3f;
    width: 120px;
    text-align: center;
    font-size: 14px;
}

.cloud_wrapper .btn:hover {
    text-decoration: none;
    background: #FA2A2A;
}

.cloud_wrapper .btn2 {
    background: #fff;
    border: 1px solid #ff3f3f;
    color: #ff3f3f;
    height: 38px;
    line-height: 38px;
    margin-left: 20px;
}

.cloud_wrapper .btn2:hover {
    background: #fff;
    border: 1px solid #E90707;
    color: #E90707;
}

.temp_con {
    width: 100%;
    border-top: 1px solid #dcdcdc;
}

.temp_con .temp_slide {
    padding: 24px 0;
    margin: 0 30px;
    overflow: hidden;
    position: relative;
}

.temp_con .temp_slide .bd {
    height: 402px;
    overflow: hidden;
    position: relative;
}

.temp_con .temp_slide ul {
    position: absolute;
    top: 0;
    left: 0;
}

.temp_con .temp_slide li {
    float: left;
    margin-right: 30px;
    height: auto;
    width: auto;
}

.temp_con .temp_slide li img {
    width: 300px;
    height: 402px;
}

.temp_con .temp_slide li.last {
    margin-right: 0;
}

.temp_con .temp_slide .prev,
.temp_con .temp_slide .next {
    width: 34px;
    height: 49px;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    background: url(../images/icon_slide.jpg) no-repeat;
    opacity: 0;
    filter: alpha(opacity=0);
}

.temp_con .temp_slide .prev {
    left: 0px;
    background-position: 0 0;
}

.temp_con .temp_slide .next {
    right: 30px;
    background-position: -34px 0;
}

.temp_con .temp_slide .bd:hover .prev,
.temp_con .temp_slide .bd:hover .next {
    filter: alpha(opacity=0);
}

.nextStop,
.prevStop {
    display: none;
}

.temp_con .temp_slide2 {
    overflow: hidden;
    padding: 24px;
}

.temp_con .temp_slide2 li {
    float: left;
    margin-right: 20px;
}

.temp_bot {
    padding: 0 24px;
    border-top: 1px solid #dcdcdc;
    overflow: hidden;
}

.temp_bot .title {
    font-size: 18px;
    color: #000;
    padding: 10px 0;
    margin-top: 10px;
}

.temp_bot p {
    line-height: 25px;
    color: #666;
    margin: 5px 0;
}

.temp_bot .bot_left {
    float: left;
    width: 75%;
}

.temp_bot .bot_ewm {
    float: right;
    margin: 15px 30px 0 0;
    width: 180px;
    text-align: center;
}

.temp_bot .bot_ewm .ewm_tit {
    color: #1b9ad5;
    font-size: 14px;
}

.temp_bot .bot_ewm ul {
    height: 30px;
    margin-top: 8px;
}

.temp_bot .bot_ewm li {
    float: left;
    width: 58px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #dcdcdc;
    margin: 0 0 0 -1px;
    background: #fff;
    cursor: pointer;
}

.temp_bot .bot_ewm li.current {
    background: #1b9ad5;
    color: #fff;
    border-color: #1b9ad5;
}

.temp_bot .bot_ewm .code_warp {
    float: left;
    margin-top: 8px;
}

.temp_bot .bot_ewm .code_warp .code_item {
    border: 1px solid #dcdcdc;
    padding: 8px;
}

.temp_bot .bot_ewm .code_warp .code_item img {
    width: 160px;
    height: 160px;
}

.temp_bot .bot_ewm_zg li {
    width: 88px;
}

.yinyong {
    overflow: hidden;
    margin-top: 10px;
}

.yinyong .item {
    float: left;
    width: 80px;
    height: 150px;
    text-align: center;
    margin-right: 45px;
    cursor: pointer;
}

.yinyong .item.last {
    margin-right: 0;
}

.yinyong .item .desc {
    width: 80px;
    overflow: hidden;
    height: 16px;
    text-align: center;
    margin-top: 5px;
}

.yinyong .item .btns {
    width: 80px;
    height: 30px;
    line-height: 30px;
    display: block;
    color: #fff;
    background: #ff3f3f;
    margin-top: 12px;
    display: none;
}

.yinyong .item .btns:hover {
    text-decoration: none;
    background: #FA2A2A;
}

.yinyong .item:hover .btns {
    display: block;
}

@media screen and (min-width:1023px) and (max-width:1199px) {
    .yun_list .item {
        width: 32.66%;
    }
    .yun_list .item4,
    .yun_list .item8,
    .yun_list .item12,
    .yun_list .item16 {
        margin-right: 1%;
    }
    .yun_list .item3,
    .yun_list .item6,
    .yun_list .item9,
    .yun_list .item12,
    .yun_list .item15 {
        margin-right: 0;
    }
}

@media screen and (min-width:905px) and (max-width:1022px) {
    .yun_list .item {
        width: 32.66%;
    }
    .yun_list .yun_desc {
        margin-left: 95px;
    }
    .yun_list .yun_desc p {
        margin: 5px 0;
    }
    .yun_list .item_top {
        padding: 20px 4% 15px 3%;
    }
    .yun_list .item4,
    .yun_list .item8,
    .yun_list .item12,
    .yun_list .item16 {
        margin-right: 1%;
    }
    .yun_list .item3,
    .yun_list .item6,
    .yun_list .item9,
    .yun_list .item12,
    .yun_list .item15 {
        margin-right: 0;
    }
}

@media screen and (max-width:904px) {
    .yun_list .item {
        width: 49%;
    }
    .yun_list .item1,
    .yun_list .item3,
    .yun_list .item5,
    .yun_list .item7,
    .yun_list .item9,
    .yun_list .item11,
    .yun_list .item13,
    .yun_list .item15 {
        margin-right: 2%;
    }
    .yun_list .item2,
    .yun_list .item4,
    .yun_list .item6,
    .yun_list .item8,
    .yun_list .item10,
    .yun_list .item12,
    .yun_list .item14,
    .yun_list .item16,
    .yun_list .item20 {
        margin-right: 0;
    }
}


/*图片素材*/

.material_content {
    width: 100%;
}

.material_content .item {
    background: #fff;
    color: #333;
    border-radius: 3px;
    padding: 10px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
}

.material_content .item img {
    width: 100%;
    height: auto;
}

.material_content .item p {
    text-align: center;
    margin-top: 10px;
}

.material_content .item p a {
    color: #ff3f3f;
}

.material_content .item p a:hover {
    text-decoration: none;
    color: #FA2A2A;
}


/*云服务中心end*/


/*新版导航*/

.yun_title {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #e4eaec;
    font-size: 18px;
    color: #343434;
    margin-bottom: 10px;
}

.yun_tabs {
    margin: 0 0 15px;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #62b3ff;
}

.yun_tabs ul {
    float: left;
}

.yun_tabs ul li {
    height: 35px;
    line-height: 35px;
    border-radius: 4px 4px 0 0;
    font-size: 14px;
    color: #707070;
    float: left;
    margin-right: 3px;
    background-color: #e5e5e5;
    cursor: pointer;
}

.yun_tabs ul li:last-child {
    margin-right: 0;
}

.yun_tabs ul li.current {
    background-color: #62b3ff;
    color: #fff;
}

.yun_tabs ul li a {
    color: #707070;
    display: block;
    padding: 0 20px;
}

.yun_tabs ul li a:hover {
    text-decoration: none;
}

.yun_tabs ul li.current a {
    color: #fff;
}

.apply_btn {
    float: right;
}

.apply_icon {
    background: url(../images/apply_icon.png) no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
}

.apply_icon_rz {
    background-position: 0 0;
}

.apply_icon_xz {
    background-position: -33px 0;
}

.apply_icon_dp {
    background-position: -67px 0;
}

.apply_icon_kf {
    background-position: -97px 0;
    width: 15px;
    height: 15px;
}

.btn_new {
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    background: #62b3ff;
    color: #fff;
    display: inline-block;
    margin: 0;
}

.red_btn {
    background-color: #ec5151;
}

.apply_btn .btn_new {
    color: #fff;
    margin-left: 10px;
}

.apply_btn .btn_new:hover {
    text-decoration: none;
}

.apply_btn .btn_new .apply_icon {
    float: left;
    margin: 8px 3px 0 0;
}

.platform_list ul {
    width: 100%;
}

.platform_list li {
    float: left;
    width: 525px;
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 30px 25px 0;
}

.platform_list li .img {
    float: left;
}

.platform_list li .img img {
    border-radius: 5px 0 0 5px;
}

.platform_list li .info {
    float: left;
    width: calc(100% - 238px);
    font-size: 14px;
}

.platform_list li .attr {
    padding: 15px 0 0 20px;
}

.platform_list li .attr p {
    margin: 0;
    color: #909090;
    line-height: 25px;
}

.platform_list li .attr strong {
    color: #f69f00;
}

.platform_list li .desc {
    padding: 12px 20px 0;
    color: #343434;
    text-indent: 30px;
    line-height: 25px;
}

.platform_list li .link {
    margin: 12px 0 0 20px;
    color: #62b3ff;
    display: inline-block;
}

.platform_list li .link:hover {
    text-decoration: underline;
}

.platform_list li:hover {
    transition: all .1s ease-out;
    text-decoration: none;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.platform_list li .linkspan {
    margin: 12px 0 0 20px;
    color: #62b3ff;
    display: inline-block;
}

.best_list ul {
    width: 100%;
}

.best_list .item {
    float: left;
    width: 493px;
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 30px 25px 0;
    padding: 16px;
}

.best_list .item:hover {
    transition: all .1s ease-out;
    text-decoration: none;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.best_list .slide {
    float: left;
    width: 180px;
}

.best_list .slide li a {
    float: left;
}

.best_list .slide li img {
    width: 180px;
    height: 180px;
}

.slide .bd {
    height: 180px;
    width: 180px;
}

.slide .hd {
    width: 100%;
    margin-top: 5px;
}

.slide .hd li {
    width: 23px;
    height: 23px;
    float: left;
    border: 1px solid #fff;
    margin-right: 6px;
}

.slide .hd li:last-child {
    margin-right: 0;
}

.slide .hd li:hover,
.slide .hd li.curr {
    border-color: #e60012;
}

.slide .hd li img {
    width: 100%;
    height: 100%;
}

.best_list .info {
    float: left;
    width: calc(100% - 202px);
    font-size: 14px;
    padding: 0 4px 0 18px;
}

.best_list .info .name {
    font-weight: bold;
    color: #373737;
    height: 38px;
}

.best_list .info .attr {
    border-radius: 5px;
    border: 1px dashed #dcdcdc;
    padding: 0 12px;
    font-size: 12px;
    margin-top: 15px;
}

.best_list .info .attr .quantity {
    line-height: 25px;
    color: #707070;
    display: block;
    margin-top: 5px;
}

.best_list .info .attr .quantity em {
    color: #fb6d5e;
    font-weight: bold;
}

.best_list .info .attr .attrlist {
    display: block;
    overflow: hidden;
    margin: 6px 0 8px;
}

.best_list .info .attr .attrlist span {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    background: #fff0ef;
    color: #fb6d5e;
    display: block;
    float: left;
    border-radius: 5px;
    text-align: center;
    padding: 0 9px;
    margin-right: 5px;
}

.best_list .info .desc {
    overflow: hidden;
    margin-top: 17px;
}

.best_list .info .desc .price,
.best_list .info .desc .number {
    float: left;
    color: #707070;
    font-size: 12px;
}

.best_list .info .desc .price strong,
.best_list .info .desc .number strong {
    font-size: 14px;
    color: #373737;
    vertical-align: middle;
}

.best_list .info .desc .price {
    margin-right: 15px;
}

.best_list .info .spe_info {
    margin-top: 17px;
    overflow: hidden;
}

.best_list .info .spe_info .btn_new {
    color: #fff;
    line-height: 35px;
    height: 35px;
    padding: 0 20px;
    float: left;
    margin-right: 35px;
}

.best_list .info .spe_info .store,
.best_list .info .spe_info .cus_service {
    float: left;
    color: #878787;
    font-size: 12px;
    margin-top: 10px;
}

.best_list .info .spe_info .store .apply_icon,
.best_list .info .spe_info .cus_service .apply_icon {
    float: left;
    margin: 1px 5px 0 0;
}

.best_list .info .spe_info .cus_service {
    margin-left: 20px;
}

.best_list .info .spe_info .cus_service .apply_icon {
    margin-top: 0px;
}

.page {
    overflow: hidden;
    width: 200px;
    margin: 0 auto 20px;
}

.page li {
    border: 1px solid #eeeeee;
    width: 23px;
    height: 23px;
    line-height: 23px;
    color: #454545;
    text-align: center;
    border-radius: 3px;
    float: left;
    margin-right: 3px;
    position: relative;
    cursor: pointer;
    background: #fff;
}

.page li a {
    color: #454545;
    display: block;
    width: 23px;
    height: 23px;
}

.page li.curr {
    color: #268ff2;
}

.page li .tb,
.page li .tb {
    font-size: 0;
    width: 0px;
    height: 0px;
    border: 5px solid transparent;
    position: absolute;
    top: 7px;
}

.page .prev span.tb {
    border-right-color: #a9a9a9;
    left: 3px;
}

.page .next span.tb {
    border-left-color: #a9a9a9;
    right: 3px;
}

.page li:hover a {
    color: #268ff2;
}

.page .prev:hover .tb {
    border-right-color: #268ff2;
}

.page .next:hover .tb {
    border-left-color: #268ff2;
}